<!--
使用下拉列表框，节省空间
-->
<!--
下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。如下代码：
studyFrontEnd\resources\imgs\html&css\下拉框1.jpg
讲解：
1、value：
studyFrontEnd\resources\imgs\html&css\下拉框2.jpg
2、selected="selected"：
设置selected="selected"属性，则该选项就被默认选中。
在浏览器中显示的结果：
studyFrontEnd\resources\imgs\html&css\下拉框3.jpg
-->
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>下拉列表框</title>
</head>
<body>
<form action="save.php" method="post" >
    <label>爱好:</label>
    <select>
        <option value="看书">看书</option>
        <option value="旅游" selected="selected">旅游</option>
        <option value="运动">运动</option>
        <option value="购物">购物</option>
    </select>
</form>
</body>
</html>